<template>
  <div class="app-container">
    <el-scrollbar style="height: 100%;margin-top: 50px">
      <div class="echarts-item">
        <div class="echarts-title">
          {{ echartsData.all.title }}
        </div>
        <el-row :gutter="15" class="echarts-row" style="height: 380px;">
          <el-col :span="24">
            <line-bar :echartsData="echartsData.all"></line-bar>
          </el-col>
        </el-row>
      </div>
    </el-scrollbar>
  </div>
</template>

<script>
  import LineBarPie from '@/components/echarts/LineBarPie'  //客服
  import LineBar from '@/components/echarts/LineBar'  //客服
  import Pie from '@/components/echarts/Pie'  //客服
  export default {
    mounted() {
      this.$store.commit('rdefaultActive', 'gcsl')
    },
    components: {
      LineBarPie,
      LineBar,
      Pie
    },
    data() {
      return {
        n: 2,
        echartsData: {
          all: {
            title: '在建工程施工周期与预算分析',
            dataset: [
              ['product', '2018-05','2018-06','2018-07','2018-08','2018-09','2018-10','2018-11','2018-12','2019-01','2019-02','2019-03','2019-04'],
              ['在建工程数', 38,34,36,46,41,45,45,72,58,35,34,38],
              ['新增在建工程数', 39,30,46,32,45,45,56,34,24,13,7,2],
            ],
            superposition: true,
            yAxis: [
              {
                formatter: '{value}'
              }
            ]
          },
        }
      }
    },
    methods: {}
  }
</script>

<style scoped>

</style>
